<template>
    <div :class="`search ${data.class.radius}`"
         :style="{'margin-bottom': data.style.margin_bottom+'px',
         'margin-left':data.style.margin_x+'px', 'margin-right': data.style.margin_x+'px',
         'background-color':data.style.container_background}"
    >
        <div class="search_input_box">
            <input type="text" class="search_input" :placeholder="data.style.placeholder" :style="{'background-color': data.style.input_background}" />
        </div>

    </div>
</template>

<script setup lang="ts">
const props = defineProps<{
    data: any
}>()
</script>

<style scoped lang="scss">
@use "src/views/site/diy/style.css";
</style>
